<section>
	<div class="row">
		<div class="col-lg-12">
			<div class="panel panel-default">				
				<div class="panel-heading">Tin đã đăng
					<a href="#" data-perform="panel-dismiss" data-toggle="tooltip" title="Close Panel" class="pull-right">
						<em class="fa fa-times"></em>
					</a>
					<a href="#" data-perform="panel-collapse" data-toggle="tooltip" title="Collapse Panel" class="pull-right">
						<em class="fa fa-minus"></em>
					</a>
				</div>
				
				<div class="panel-top">
				</div>
				<div class="panel-body">
					<div class="table-responsive">
						<table id="listpost" class="table table-bordered table-hover">
							<thead>
								<tr>
									<th style="width: 20%;">Tên sự kiện</th>
									<th style="width: 20%;">Mô tả</th>
									<th style="width: 5%;"></th>
									<th style="width: 10%;"></th>
									<th style="width: 5%;" class="check-all">
										<div data-toggle="tooltip" data-title="Check All" class="checkbox c-checkbox">
											<label>
												<input type="checkbox">
												<span class="fa fa-check"></span>
											</label>
										</div>
									</th>
								</tr>
							</thead>
						</table>
					</div>				
				</div>
				<div class="panel-footer">
					<div class="row">
						<div class="col-lg-3">
							<div class="input-group pull-right">
								<select class="input-sm form-control">
									<option value="0">Tin đã đăng</option>
									<option value="1">Tin Chờ đăng</option>
									<option value="2">Tin chờ duyệt</option>
								</select>
								<span class="input-group-btn">
									<button class="btn btn-sm btn-default">Thực hiện</button>
								</span>
							</div>
						</div>
						<div class="col-lg-7"></div>
						<div class="col-lg-2 text-right">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
(function($, window, document){
  'use strict';

	var Selector = 'th.check-all';

  	$(Selector).on('change', function() {
	    var $this = $(this),
	        index= $this.index() + 1,
	        checkbox = $this.find('input[type="checkbox"]'),
	        table = $this.parents('table');
	    // Make sure to affect only the correct checkbox column
	    table.find('tbody > tr > td:nth-child('+index+') input[type="checkbox"]').prop('checked', checkbox[0].checked);
  	});

  	$(document).on('click', '[data-updateList="true"]', function(){
  		$('#listpost').DataTable().ajax.reload();
  	});

    // $(document).on('click', '[data-toogle="status"]', function() {
    //     var $this = $(this),
    //         type = $this.data('type'),
    //         postid = $this.data('postid'),
    //         target = $this.data('target');
    //     var _url = "<?php echo admin_url();?>posts/change_status/" + postid + '/' + target + '/1';
    //     $.ajax({
    //         type: "POST",
    //         url: _url,
    //         //data: {},
    //         async: false,
    //         success: function(res) {
    //             console.log(res);
    //             if(res == true)
    //                 $.notify("Cập nhật thành công!", 'success');
    //             else
    //                 $.notify("Cập nhật thất bại!", 'success');
                    
    //             $('#listpost').DataTable().ajax.reload();
    //         }       
    //     });
    // });

  	// $(document).on('click', '[data-removePost="true"]', function() {
  	// 	//deleterows();
  	// 	var listpost = $('#listpost').DataTable();
  	// 	$.ajax({
   //          type: "POST",
   //          url: "<?php echo admin_url();?>posts",
   //          data: listpost.$('input:checked').serialize(),
   //          async: false,
   //          success: function(res) {
   //              res = $.parseJSON(res);
   //              console.log(res);
   //              if(res.status == false)
   //              	$.notify("Cập nhật thất bại!", 'success');
   //              else
   //              	$.notify("Cập nhật thành công!", 'success');
   //              $('#listpost').DataTable().ajax.reload();
   //          }       
   //      });
  	// });

    // $(document).on('change', '[data-action="update_post_meta"]', function() {
    //     //deleterows();
    //     var $this = $(this),
    //         post_id = $this.data('postid'),
    //         metaKey = $this.data('metakey'),
    //         metaValue = $this.val();
    //     $.ajax({
    //         type: "POST",
    //         url: "<?php echo admin_url();?>term/event_ajax_datatable_full",
    //         data: {
    //             'post_id' : post_id,
    //             'meta_key' : metaKey,
    //             'meta_value' : metaValue
    //         },
    //         async: false,
    //         success: function(res) {
    //             res = $.parseJSON(res);
    //             if(res.status == false)
    //                 $.notify("Cập nhật thất bại!", 'success');
    //             else
    //                 $.notify("Cập nhật thành công!", 'success');
    //         }       
    //     });
    // });

}(jQuery, window, document));
</script>


<script type="text/javascript">
$(document).ready(function() {

    var listpost = $('#listpost').dataTable( {
		dom: '<"top"fl>rt<"bottom"pi>',
		processing: true,
        serverSide: true,
        ajax: {
                "url": "<?php echo admin_url().'term/event_ajax_datatable_full'; ?>",
                "type": "POST",
                data: function(d) {
                    d.status = <?php echo $post_status; ?>;
                },
                async: false/*,
                success: function(response) {
                    console.log(response);
                }*/
            },
        language: {
            url: "//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Vietnamese.json"
        },
		columns: [
			{ 
                "data": 'term_id',
                "orderable": false,
                "render": function ( data, type, full, meta ) {
                	var str = data + '<br><strong>' + full.post_category + '</strong> <span class="label label-info">' + full.count_word + '</span>';
                	return str;
                }
            },
            { 
                "data": 'term_description',
                "orderable": false
            },
            { 
                "class": "text-center",
                "data": 'term_id',
                "orderable": false,
                "render": function ( data, type, full, meta ) {
                	var str = '<span class="label label-primary">Đóng</span>';
                	return str;
                }
            },
            { 
                "class": "text-center",
                "data": 'term_id',
                "orderable": false,
                "render": function ( data, type, full, meta ) {
                	var str = '<a href="<?php echo $this->url_edit; ?>'+ data +'"><button type="button" class="btn btn-labeled btn-success btn-xs"><span class="btn-label"><i class="fa fa-pencil"></i></span>Sửa</button></a> ';
                	str += '<button type="button" class="btn btn-labeled btn-info btn-xs"><span class="btn-label"><i class="fa fa-compass"></i></span>Truy vết</button>';
                	return str;
                }
            },
            { 
                "class": "text-center",
                "data": 'term_id',
                "orderable": false,
                "render": function ( data, type, full, meta ) {
                	var str = "";
                	str += '<div class="checkbox c-checkbox">';
                    str += ' 	<label>';
                    str += '    	<input type="checkbox" name="term_id[]" value="'+data+'">';
                    str += '    	<span class="fa fa-check"></span>';
                    str += ' 	</label>';
                  	str += '</div>';
                  	return str;
                }
            }
		]
    } );
	
	var listpost = $('#listpost').DataTable();
});
</script>

<style>
	.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
	  	border: 1px solid #ddd;
	}
	.form-inline th .checkbox input[type=checkbox], .form-inline th .radio input[type=radio] {
		position: absolute;
	}
</style>